<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0" />
  <title>Đẳng Cấp Thú Cưng</title>
</head>

<body id="body">
  <div class="header">
    <div class="logo"></div>
    <div class="interactive">
      <a class="btn ios" href="https://go.onelink.me/n7RX/542647f" target="_blank">
        <i class="icon"></i>
        <span class="os-txt">
          IOS
        </span>
      </a>
      <a class="btn android" href="https://go.onelink.me/n7RX/542647f" target="_blank">
        <i class="icon"></i>
        <span class="os-txt">
          ANDROID
        </span>
      </a>
      <div class="btn gold hide">
        ĐĂNG NHẬP
      </div>
      
    <div class="logged hide">
      <div class="item username">
        <span></span>
      </div>
      <div class="item zonename hide">
        <span></span>
      </div>
      <div class="item rolename hide">
        <span></span>
      </div>
      <div class="item logout">[Thoát]</div>
    </div>
  
    </div>
  </div>
  <div class="wrap">
    <div class="item event1">
      <div class="title">
        <span class="title-txt">
          EVENT 1: QUÀ HLV CŨ
        </span>
      </div>
      <div class="loader">
        Trong thời gian event, người chơi cũ đạt đủ điều kiện, <br> trở về sẽ nhận được quà tặng trị giá 9000 Xu
      </div>
      <div class="pbs">
        <div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Xu*1000
            </div>
          </div>
        </div><div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Mảnh Thường<br>*300
            </div>
          </div>
        </div><div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Rương Truyền-Cao*1
            </div>
          </div>
        </div><div class="item rpc-1">
          <div class="item-desc">
            <div class="cell">
              Rương Đá Quýngẫu nhiên*10
            </div>
          </div>
        </div>
      </div>
      <div class="btn ed">
        CHƯA ĐẠT
      </div>
      <div class="bot">
        <div class="sub-title">
          CHÚ THÍCH ĐIỀU KIỆN NGƯỜI CHƠI CŨ
        </div>
        <div class="sub-content">
          Người chơi đăng ký tài khoản trước 27/6, chưa từng đăng nhập game trong khoảng thời gian từ 27/6-3/7 và đăng nhập game sau 0h ngày 4/7, sẽ nhận được phần quà trở về
        </div>
      </div>
    </div>
    <div class="item event2">
      <div class="widget"></div>
      <div class="title">
        <span class="title-txt">
          EVENT 2: DỰ ĐOÁN
        </span>
      </div>
      <div class="loader">
        Event tổng cộng có 10 pet, mỗi đợt hệ thống sẽ chọn ngẫu nhiên 5 pet và người chơi sẽ dự đoán, đoán đúng càng <br>nhiều, thưởng càng hấp dẫn<br> Trong thời gian event, tổng cộng có 3 đợt dự đoán, hãy gửi dự đoán trước khi kết thúc mỗi lần event. Thời gian mở<br> giải là 30 phút sau khi kết thúc mỗi đợt dự đoán.
      </div>

      <div class="myPrize">
        <div class="overview">
          XEM QUÀ
        </div>
        <div class="lin"></div>
        <div class="gift record">
          QUÀ CỦA TÔI 
        </div>
      </div>

      <div class="timebar">
        <div class="item">
          Thưởng đợt 1 <br> 5/7 00:00 - 6/7 17:30
        </div>
        <div class="item">
          Thưởng đợt 2 <br> 7/7 00:00 - 8/7 17:30
        </div>
        <div class="item">
          Thưởng đợt 3 <br> 9/7 00:00 - 10/7 17:30
        </div>
      </div>

      <div class="list pokemons">
        <div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name short">
              <span>Diance<span>
            </div>
          </div><div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name short">
              <span>Nihilego<span>
            </div>
          </div><div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name short">
              <span>Guzzlord<span>
            </div>
          </div><div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name">
              <span>Lugia<span>
            </div>
          </div><div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name">
              <span>Hoopa<span>
            </div>
          </div><div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name short">
              <span>Groudon<span>
            </div>
          </div><div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name">
              <span>Uxie<span>
            </div>
          </div><div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name short">
              <span>Buzzwole<span>
            </div>
          </div><div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name short">
              <span>Giratina<span>
            </div>
          </div><div class="item rpc-3">
            <div class="pokemon-avatar">
              <div class="poke-g"></div>
              <div class="poke-l hide"></div>
              <div class="poke-c hide">
                <div class="icon left"></div>
                <div class="icon right"></div>
              </div>
            </div>
            <div class="pokemon-name short">
              <span>Palkia<span>
            </div>
          </div>
      </div>
      <div class="btn ed">
        GỬI
      </div>
    </div>
    <div class="item event3">
      <div class="title">
        <span>
          EVENT 3: TÍCH LŨY 7 NGÀY
        </span>
      </div>
      <div class="loader">
        Trong thời gian event, người chơi cũ đạt đủ điều kiện, trở về sẽ nhận được quà tặng trị giá 9000 Xu
      </div>
      <div class="box">
        
        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="0">
            NHẬN THƯỞNG
          </div>
        </div>
        
        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="1">
            NHẬN THƯỞNG
          </div>
        </div>
        
        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="2">
            NHẬN THƯỞNG
          </div>
        </div>
        
        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="3">
            NHẬN THƯỞNG
          </div>
        </div>
        
        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="4">
            NHẬN THƯỞNG
          </div>
        </div>
        
        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="5">
            NHẬN THƯỞNG
          </div>
        </div>
        
        <div class="card">
          <div class="item"></div>
          <div class="btn gold" data-index="6">
            NHẬN THƯỞNG
          </div>
        </div>
        
      </div>
    </div>
  </div>
  <div class="footer"></div>

  <div class="mask hide"></div>
  <div class="pop login hide">
    <div class="bkm"></div>
    <div class="close"></div>
    <div class="pop-wrap"></div>
    <div class="x"></div>
    <div class="login">
      <div class="inputs">
        <div class="item">
          <span>
            Nhập tài khoản
          </span>
          <input id="username" class="input" type="text" placeholder="Entrer le compte">
        </div>
        <div class="item">
          <span>
            Nhập mật khẩu
          </span>
          <input id="password" class="input" type="password" placeholder="Entrer le mot de passe">
        </div>
      </div>
      <div class="btns">
        <div class="btn gold">
          ĐĂNG NHẬP
        </div>
        <div class="btn fb"></div>
      </div>
    </div>
  </div>
  <div class="pop ctn hide">
    <div class="bkm"></div>
    <div class="close"></div>
    <div class="pop-wrap"></div>
    <div class="x"></div>
    <div class="ctn"></div>
  </div>

  <div class="pop server hide">
    <div class="bkm"></div>
    <div class="close"></div>
    <div class="pop-wrap"></div>
    <div class="x"></div>
    <div class="server">
      <div class="txt">
        Vui lòng chọn máy chủ:
      </div>
      <div class="box">
        <div class="item server">
          <select id="server"></select>
        </div>
        <div class="item role">
          <div id="role"></div>
          <div class="btn gold">
            Xác nhận
          </div>
        </div>
      </div>
    </div>
  </div>


  <div class="pop overview hide">
    <div class="bkm"></div>
    <div class="close"></div>
    <div class="pop-wrap"></div>
    <div class="x"></div>
    <div class="overview">
      <div class="display-list">
        <div class="item">
          <div class="title">
            3 monstres devinés correctes
          </div>
          <div class="pri"></div>
        </div>
        <div class="item">
          <div class="title">
            4 monstres devinés correctes
          </div>
          <div class="pri"></div>
        </div>
        <div class="item">
          <div class="title">
            5 monstres devinés correctes
          </div>
          <div class="pri"></div>
        </div>
      </div>
    </div>
  </div>
</body>

</html>